﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="MembershipSignUp.ascx.cs" Inherits="SocialFront.Web.usercontrols.Membership.MembershipSignUp" %>
<%@ Import Namespace="SocialFront" %>

<script language="javascript" type="text/javascript">
    var systemDate = '<%= DateTime.Now.ToString("yyyyMMdd") %>';
</script>

<asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">
    <asp:View id="View1" runat="server">
        <div class="errorReport"></div>
        <asp:Literal ID="_errorDisplay" runat="server"></asp:Literal>

        <div id="umbMemberControlsSignUp">
        <h1>Sign Up</h1>

        <div class="form-row">
            <div class="form-left">Create a username*</div>
            <div class="form-right"><asp:TextBox ID="Username" runat="server" Text=""></asp:TextBox></div>
        </div>

        <div class="form-row">
            <div class="form-left">Your email address*</div>
            <div class="form-right"><asp:TextBox ID="Email" runat="server" Text=""></asp:TextBox>  </div>
        </div>

        <div class="form-row">
            <div class="form-left">Create your password*</div>
            <div class="form-right"><asp:TextBox ID="Password" runat="server" TextMode="Password"></asp:TextBox></div>
        </div>

        <div class="form-row">
            <div class="form-left">Confirm Password*</div>
            <div class="form-right"><asp:TextBox ID="PasswordConfirm" runat="server" TextMode="Password"></asp:TextBox></div>
        </div>

        <div class="form-row">   
            <div class="form-left">Date of birth* </div>
            <asp:DropDownList ID="DOBDay" runat="server" CssClass="required">
            </asp:DropDownList>
            <asp:DropDownList ID="DOBmonth" runat="server" CssClass="required">
            </asp:DropDownList>
            <asp:DropDownList ID="DOBYear" runat="server" CssClass="required">
            </asp:DropDownList>
            </div>
        </div>

        <div class="form-row-selects">
            <div class="form-left"> </div>
            <div class="form-right"><p>Please confirm you are happy with <a class="terms" href="<%= umbraco.library.NiceUrl(Config.sfTermsAndConditionsNodeId) %>">our terms and conditions.</a></p><asp:CheckBox ID="TnC" runat="server" CssClass="required" /></div>
        </div>  

        <div class="form-row-selects">
            <div class="form-left"></div>
            <div class="form-right"><p>I'd like to receive updates (untick the box if you don't.)</p><asp:CheckBox ID="Newsletter" runat="server" Checked="true" /></div>
        </div> 
 
        <div class="form-submit"><asp:Button ID="Signup" runat="server" Text="Sign Up!" onclick="Signup_Click" /></div>
 
    </div>
        
    </asp:View>
    <asp:View id="View2" runat="server">
        You have been registered!
    </asp:View>
</asp:MultiView>